<template>
  <view class="valve-detail">
    <view class="detail-item">
      <text class="label">工作模式：</text>
      <text class="value">{{ data.workMode || '温度平衡模式' }}</text>
    </view>
    <view class="detail-item">
      <text class="label">室内温度：</text>
      <text class="value">{{ data.indoorTemp || '22' }}</text>
    </view>
    <view class="detail-item">
      <text class="label">设定温度：</text>
      <text class="value">{{ data.setTemp || '23' }}</text>
    </view>
    <view class="detail-item">
      <text class="label">阀门状态：</text>
      <text class="value">{{ data.valveStatus || '正常' }}</text>
    </view>
  </view>
</template>

<script>
export default {
  name: 'ValveDetail',
  props: {
    data: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>

<style lang="scss" scoped>
.valve-detail {
  padding: 20rpx 30rpx;
  
  .detail-item {
    display: flex;
    align-items: center;
    margin-bottom: 20rpx;
    
    &:last-child {
      margin-bottom: 0;
    }
    
    .label {
      font-size: 28rpx;
      color: #666;
      width: 160rpx;
    }
    
    .value {
      font-size: 28rpx;
      color: #333;
      flex: 1;
    }
  }
}
</style>